/*
Theme Name: JDTayle
Theme URI: http://www.webctsolutions.com
Description: A theme created by www.webctsolutions.com
Author: Malú
Author URI: http://www.webctsolutions.com
Designer: Kathy Osborne
Designer website:www.kathyosborne.com
Version: 1.0
Text Domain: JDTayloe
*/

/* Font
-------------------------------------------------------------- */
@font-face { font-family: "Thyssen J"; src: url("../font/9THYSSEN.TTF") format ("ttf"); }

@font-face { font-family: "J Thyssen"; src: url("../font/9THYSSEI.TTF") format ("ttf"); }

@font-face { font-family: "HelveticaCd"; src: url("../font/HelveticaCd.ttf") format ("ttf"); }



/* Tags HTML
-------------------------------------------------------------- */
html{margin:0 !important;}



body{background-image: url('images/bkg-container.jpg'); background-repeat:repeat; margin:0 auto; color:#333333;font:13px Verdana, Geneva, sans-serif;margin:0;padding:0; background-color: #511a01;}

img{border:none;}

ul{margin:0;padding:0;}

p{color:#FFFFFF;font: 15px/23px Arial,Geneva,sans-serif;}

a{color:#FFFFFF;font-size:11px;font-weight:bold;text-decoration:none;}

a:hover{text-decoration:underline;}

h1{color:#FFFFFF; font:32px Seagull-Medium; margin:10px 0;}

h2{color:#FFFFFF; font:21px Verdana, Geneva, sans-serif; margin:10px 0;}

h3{color:#FFFFFF; font:18px Verdana, Geneva, sans-serif; margin:10px 0;}

h4{color:#FFFFFF; font:12px Verdana, Geneva, sans-serif; margin:10px 0; text-transform:uppercase;}

h5{color:#FFFFFF; font:bold 12px Verdana, Geneva, sans-serif; margin:5px 0;}

ul{list-style-type:disc;margin:5px 0 5px 30px;padding:0;}

li{display:block; line-height:20px;padding:0 0 10px 0;}

.left{float:left}

.right{float:right;}

.clear{clear:both;}

.clear2{clear:both; height:1px;}

.container{ margin:0 auto; width:1000px;}

.content{margin:0 auto; padding:0px 50px; width:900px;}

.box{
	background-image: url('images/bck_box.png');
	background-repeat: no-repeat;
	display: block;
	height:85px;
	width:350px;
}

.box2{
	background-image: url('images/bck_box2.png');
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height:120px;
	width:336px;
}

.box3{
	background-image: url('images/bck_boxbigB.png');
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height:115px;
	width:350px;
}

.box4{
	background-image: url('images/longquotebox.png');
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	height:140px;
	width:525px;
}



#video {
background: transparent url(http://jdtayloevoiceovers.com/wp-content/themes/JDTayle/images/img_video.png) no-repeat top center;
height: 265px;
display: block;
 margin-top: 15px;
    padding: 10px 0 5px 20px;
    width: 487px;
}



/*wrapper

-------------------------------------------------*/

#wrapper{padding-top:50px;}


/*header

-------------------------------------------------*/

#header{margin:0 auto; position:relative; top:12px;}

#header .logo{float:left; width:530px;}

#header .social{
	
}



/*navigator

-------------------------------------------------*/

#navigator{ float:right; position:relative;z-index:1; margin-top: -30px;}

#navigator ul{margin:0!important;}

#navigator ul li{display:block; float:left; line-height:54px; padding:0;position:relative;}
 
#navigator ul li a{color:#dfc4ad; font:25px Thyssen J !important; font-weight:normal; padding:0 8px;} 

/* **************************** */

:root #navigator ul li a { font:25px Thyssen J !important;}  

/* **************************** */

#navigator ul li a{font:20px Thyssen J\0/;}

#navigator ul li ul {display:none;left:0;position:absolute;top:55px;width:250px;}

#navigator ul li:hover ul,#navigator ul li a:hover ul{display:block;}

#navigator ul li ul li{background-color:#000;background-image:none;float:none;border:none;margin-top: 1px;padding:2px 0;line-height:20px}

#navigator ul li ul li a{background-color:#000;color:#FFF;font-size:12px;display:block;margin:5px;padding:4px 6px;text-transform:u;text-decoration:none;}

#navigator ul li ul li:hover{}

#navigator ul li ul li:hover a,#navigator ul li ul li.active a{background-color:#272b30;color:#FF0000;}

#navigator ul li ul li.active{}

#navigator .social{position:relative; top:-5px;}

#navigator .social ul{}

#navigator .social li{background-image:none; line-height:0px; list-style-type:none; padding-left:10px;}

#navigator .social li a{padding:0px;}



/*featured

-------------------------------------------------*/

#featured{position: relative; z-index: 0;}



/*content area

-------------------------------------------------*/

#content-area{
	overflow: hidden;
	width:100%;
}

#content-area .demos{
	display: block;
	width:365px;
margin-top: 5px;
}

#content-area .video{
	display: block;	
	background: transparent url(wp-content/themes/JDTayle/images/img_video.png) no-repeat top center;
	width: 487px;
	height: 281px;
}

#content-area .main{
	background: #8f5236 url('images/contentbg.jpg') top center repeat-y;
 	margin-top: 20px;
    padding: 10px 30px 30px;
    width: 525px;

}

#content-area .main p {
	color: #E1DEDD;
    font: 15px/23px Arial;

}

#content-area .main-withe{
	background-color:#fff;
 	margin-top: 20px;
    padding: 10px 30px 30px;
    width: 100%;

}

#content-area .main-withe p {
	color: #333;
    font: 15px/23px Arial;

}

#content-area .list-post{}

#content-area .list-post ul{margin:0!important;}

#content-area .list-post ul li{display:block;float:left;padding:0;position:relative;width:313px;}

#content-area .list-post ul li .post{background-color: #272B30;border-radius:5px 5px 0 0;display:block;height:312px;margin-top:10px;width:313px;}

#content-area .list-post ul li.margin-left{margin-left:12px;}

#content-area .list-post .post .post-title{background-color:#272B30;border-radius:5px 5px 0 0;height:40px;margin:0 auto;width:311px;}

#content-area .list-post .post .post-title h4{font-size:11px;font-weight:bold;padding:12px 5px 0;text-align:center;}

#content-area .list-post .post .post-img{border-bottom:1px solid #000;border-top:1px solid #000;height:141px;width:313px;}

#content-area .list-post .post .post-content{background-color:#272B30;border:1px solid #272B30;color:#AEAEAE;padding:0 15px;text-align:justify;width:281px;}
	
#content-area .list-post .post .post-more{background-color:#272B30;color:#FFFFFF;float:left;padding:0 15px 10px;width: 283px;}



/*sidebar

-------------------------------------------------*/

#sidebar{color:#F3ECCB;  margin-top: 20px;
    width: 240px; font-size: 13px;}

#sidebar li{list-style-type:none;}

#sidebar div li{display:list-item; list-style-type:inherit;}

#sidebar h2 {font:17px Thyssen J; color: #F3ECCB; text-transform: uppercase;}

#sidebar a {color: #F3ECCB; font-size: 13px; font-weight: normal;}

#sidebar a:hover { text-decoration: underline;}

/*main-footer

-------------------------------------------------*/

#footer{}

#footer .footer-top .sponsors{overflow:hidden; padding:40px 0 15px;}

#footer .footer-top .sponsors h3{color:#eac1a1; font:17px Thyssen J;}

#footer .footer-top .sponsors div ul{margin:0!important; padding-top:12px;}

#footer .footer-top .sponsors ul li{float: left; list-style-type: none; padding:0;}

#footer .footer-top .sponsors ul li a{padding:0 11px;}

#footer .footer-bottom .copyright{padding:10px; text-align:center;}

#footer .footer-bottom .copyright p{
	color:#fdfdfb;
	font:13px/10px Helvetica;
}

#footer .footer-bottom .copyright h3{
	color:#fdfdfb;
	font:24px/24px Helvetica;
}

#footer .footer-bottom .copyright h5{
	color:#fdfdfb;
	font:12px/14px Helvetica;
}

#footer .footer-bottom .copyright span{
	color:#fdfdfb;
	font:10px/14px Helvetica;
}



/*post-comments

-------------------------------------------------*/

.post-comments{float:left; margin-top:35px; width:500px; display:block; }

.post-comments #comments-title{font-size:12px; font-family:Verdana, Geneva, sans-serif; margin-bottom:15px; }

.post-comments .comment-body{float:left; margin-bottom:10px; border-bottom:1px solid #d8d8d8; padding-bottom:8px; width:100%; }

.post-comments .comment-body .comment-author{ }

.post-comments .comment-body .comment-author img{float:left; margin:0 10px 0 0; }

.post-comments #respond{padding-top: 30px;}



/*content post

-------------------------------------------------*/

.content-post{margin-top: 35px;}

.content-post img{float:left; padding:0px 10px 0px 0px}



/*others

-------------------------------------------------*/

.paginador{color:#FFF; float:left; width:auto; }

.paginador span{padding:0px 10px;}

.meteor-slides .meteor-clip{overflow:visible !important;}

.navpaged, .navboth{margin:0 !important;}

.social li h2.widgettitle{display:none;}

.contact li{display:block; line-height:0px; padding:20px 0px 0px 0px !important;}

.box h3{
	color:#faf2ef;
	font: 17px arial;
	font-weight:normal;
	padding-top:10px;
	text-align:center;
	text-transform:uppercase;
}

#content-area .demos h2{	
	-webkit-transform:rotate(-90deg); 
	-moz-transform:rotate(-90deg);	
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	color:#dfc4ad;
	font:30px Thyssen J;
	margin-left:-63px;
    margin-top:75px;
	margin-left:0px\0/;
    margin-top:12px\0/;
	position:absolute;
}

#content-area .demos .composite{
}

#content-area .demos .narration{
 margin-bottom: -8px;	
}

.communication{
    width: 350px;
margin-top: 10px;
}

.communication p{
	color:#f3eccb;
	font: 13px Helvetica !important;
    padding: 18px 7px 4px 7px;
}

noindex:-o-prefocus, .communication p {
  	font: 11px Helvetica !important;
}

.communication span{
	color:#F3ECCB;
	font:12px Helvetica !important;
    position:relative;
    top:16px;
}

#content-area .video h2{	
	-webkit-transform:rotate(-90deg); 
	-moz-transform:rotate(-90deg);	
	filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	color:#dfc4ad;
	font:30px Thyssen J;
	margin-left:-63px;
    margin-top:70px;
	margin-left:0px\0/;
    margin-top:12px\0/;
	position:absolute;
}





.main .communication p{
	color:#F3ECCB !important;
	font: 14px Helvetica !important;
    padding: 18px 3px 4px 3px;
}

.main .communication span{
	color:#F3ECCB;
	font:12px Helvetica !important;
    position:relative;
    top:0px;
}
